<template>
  <div id="home">

    <h1>{{ msg }}</h1>
    <h2>我是home组件</h2>


     <ul>
      <li v-for="(item,key) in list">
        <router-link :to="'/peoduct/?item=' +item"> {{key}} --- {{item}}</router-link>
      </li>
    </ul>
  </div>
</template>



<script>
export default {
  data() {
    return {
      msg: "home组件",
      list: ["产品111", "产品222", "产品333"]
    };
  },
  methods: {},
  mounted() {
    console.log("home组件渲染完毕");
  }
};
</script>

<style lang="scss">
</style>